<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" class="gray" value="请输入关键字" id="txtSearch">
    <input type="button" value="搜索" id="btnSearch">


</body>

<script>
    /*  1.获得焦点时,可以使用一个onfocus 如果文本框内容是默认的 请输入搜索关键字 需要清空文字 让文字加载黑色 -->
    2.失去焦点时,可以使用一个onblur  如果文本框内容为空    需要改为默认提示内容 请输入搜索关键字 让文字加载灰色 -->
  */
    var txtSearch = document.getElementById('txtSearch')
    txtSearch.onfocus = function () {
        // 判断是否是默认的提示文字

    }
</script>

</html>